<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<fieldset>
    <legend>按钮类型</legend>
    <form action="" method="get" enctype="multipart/form-data">
        <input type="text" name="username"><br>
        <input type="text" name="username1"><br>
        <input type="text" name="username2" value="admin"><br>


        <input type="submit" value="input提交按钮">
        <button type="submit">提交按钮标签</button>
        <input type="button" value="input普通按钮，供js使用">
        <button type="button">普通按钮，供js使用</button>

        <button type="reset">重置按钮</button>

    </form>
</fieldset>

<br>

<fieldset>
    <legend>多行文本域</legend>
    <textarea name="area" rows="5" cols="50">默认值</textarea>
</fieldset>

<br>
<fieldset>
    <legend>下拉框</legend>
    <form action="" method="get" enctype="multipart/form-data">
        <select name="xueli">
            <option value="0">--请选择--</option>
            <option value="1" selected>没有</option>
            <option value="2">小学</option>
            <option value="3">初中</option>
            <option value="4">高中</option>
            <option value="5">大学</option>
        </select>
    </form>
</fieldset>

<br>

<fieldset>
    <legend>下拉框 分组</legend>
    <form action="" method="get" enctype="multipart/form-data">
        <select name="">
            <option>--请选择--</option>
            <optgroup label="服装">
                <option value="0">男装</option>
                <option value="1">女装</option>
                <option value="2">童装</option>
            </optgroup>
            <optgroup label="数码">
                <option value="">手机</option>
                <option value="">相机</option>
                <option value="">手表</option>
            </optgroup>

        </select>
    </form>
</fieldset>






</body>
</html>